@font-face { font-family: 'webfont'; font-display: swap; src: url('./../../fonts/AlibabaPuHuiTiAll/webfont.eot'); src: url('./../../fonts/AlibabaPuHuiTiAll/webfont.eot?#iefix') format('embedded-opentype'), url('./../../fonts/AlibabaPuHuiTiAll/webfont.woff2') format('woff2'), url('./../../fonts/AlibabaPuHuiTiAll/webfont.woff') format('woff'), url('./../../fonts/AlibabaPuHuiTiAll/webfont.ttf') format('truetype'), url('./../../fonts/AlibabaPuHuiTiAll/webfont.svg#webfont') format('svg'); } *{ margin:0; padding:0; word-wrap:break-word; } body{ font-family:webfont; font-size:15px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color:#f5f6f7; } @media screen and ( min-width:1025px ) { body{ min-width:1300px; } } a{ color:#666; text-decoration:none; } a:hover{ text-decoration:none; color:#0066ff; } img{ border:none; vertical-align:top; max-width:100%; } input{ outline:none; } div,ul,li,p,form{ padding: 0px; margin: 0px; list-style-type: none; } em{ font-style: normal; font-weight: normal; } h1{ font-size:30px; } h2{ font-size:23px; } h3{ font-size:18px; } .clear{ clear:both; } .flow-root{ display:flow-root; } @media screen and ( min-width:1025px ) { .box{ width:1300px; margin:0px auto; } } .bors{ background-color:#fff; padding:17px; border: #fff 1px solid; } .arial{ font-family:Arial, Helvetica, sans-serif; } .fleft{ float:left; } .fright{ float:right; } @media screen and ( max-width:1024px ) { .fleft.wleft, .fright.wright{ float:inherit; } } @media screen and ( min-width:1025px ) { .wleft{ width:calc( 100% - 380px ); } .wright{ width:360px; } } .p34{ padding:34px; } .t10{ margin-top:10px; } .t20{ margin-top:20px; } .t34{ margin-top:34px; } .module-name .name{ font-size:18px; } .module-name .name h1, .module-name .name h2, .module-name .name h3, .module-name .name h4, .module-name .name h5, .module-name .name h6, .module-name .name span, .module-name .name div{ font-size:18px; font-weight:bold; } span.yuyin{ cursor:pointer; margin:0 10px !important; display: inline-block; color: #44b242; position: relative; top:5px; } span.yuyin.current{ color:#1a9e18; text-shadow: 0 0 10px #ddd; } span.yuyin.current i{ } span.yuyin.current i:before{ content:"\e662"; } video{ width:auto !important; height:auto !important; max-width: 100% !important; } .textlist1{} .textlist1 ul{} .textlist1 li{ position:relative; top:0; float:left; background-color:#fff; padding:20px; border-radius:8px; -webkit-transition: -webkit-box-shadow 0.5s linear; transition: all 0.3s linear; } .textlist1 li{ margin:10px 0; } .textlist1 li:nth-child(1){ margin:0 0 10px 0; } .textlist1.one li{ width:calc( 100% - 40px ); } .textlist1.two li{ width:calc( 50% - 50px ); } .textlist1.two li:nth-child(odd){ margin-left:0; } .textlist1.two li:nth-child(even){ float:right; margin-right:0; } .textlist1 li figure{ display:none; width:208px; height:129px; float:left; overflow:hidden; } .textlist1 li figure img{ float:left; width:100%; height:129px; } .textlist1 li .info{ width:100%; height:auto; position:relative; } .textlist1 li .info.no_picture_list{ width:100%; float:inherit; } .textlist1 li .info h3{ font-weight:normal; color:#000; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .textlist1 li:hover .info h3{ color:#0066ff; } .textlist1 li .info p{ font-size:14px; color:#666; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; } .textlist1 li .info .time{ margin-top:10px; color:#999; font-size:13px; bottom:0; left:0; font-family:Arial, Helvetica, sans-serif; } .textlist1 li .info.no_picture_list .time{ position:relative; margin-top:10px; left:inherit; top:inherit; right:inherit; bottom:inherit; } .textlist1 li:hover{ top: -5px; box-shadow: 0 23px 40px rgba(0,0,0,0.2); } @media screen and ( max-width:1024px ){ .textlist1 li{ width:calc( 100% - 40px ); } .textlist1 li:nth-child(even){ } .textlist1 li:nth-child(odd){ } .textlist1.one li{ width:calc( 100% - 40px ); } .textlist1.one li:nth-child(even){ } .textlist1.one li:nth-child(odd){ } .textlist1.two li{ width:calc( 100% - 40px ); } .textlist1.two li:nth-child(even){ } .textlist1.two li:nth-child(odd){ } .textlist1 li .info.no_picture_list{ height:auto; } } @media screen and ( max-width:600px ){ .textlist1 li figure{ width:121px; height:75px; } .textlist1 li figure img{ width:121px; height:75px; } .textlist1 li .info{ width: calc( 100% - 131px ); height:75px; } .textlist1 li .info h3{ font-weight:100; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; } .textlist1 li .info p{ display:none; } } .textlist2{} .textlist2 ul{} .textlist2 li{ line-height:36px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:1; border-bottom: #ddd 1px dashed; } .textlist2 li a{ position:relative; display:block; text-indent:20px; } .textlist2 li a:before{ content: ""; position: absolute; left: 0; top: calc( 50% - 2px); width: 6px; height: 6px; background-color: #999; opacity: 0.6; } .textlist2 li:hover a:before{ background-color: #0066ff; } .textlist3{} .textlist3 ul{} .textlist3 li{ display:inline-block; height:26px; line-height:26px; margin:2px 0; } .textlist3 li a{ font-size:12px; padding:0 8px; margin:0 1px; display:block; border-radius:4px; box-shadow:0 0 5px #eaeaea; background-color:#eee; border:#d4c3c3 1px solid; } .textlist4{ } .textlist4 ul{ display:inline-block; width:100%; padding:20px 0; } .textlist4 ul li{ margin:30px 0 0 0; position:relative; } .textlist4 ul li:nth-child(1){ margin-top:0; } .textlist4 figure{ width:36%; float:left; position:relative; border-radius:8px; box-shadow:0 0 6px #f5f5f5; } .textlist4 li figure:before{ content:""; position:absolute; z-index: 100; left:0; top:0; width:100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); } .textlist4 figure img{ max-width:100%; border-radius: 8px; } .textlist4 figure figcaption{ position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.6); color:#fff; font-size:13px; width:calc( 100% - 20px ); height:26px; line-height:26px; padding:0 10px; overflow:hidden; text-align:center; border-radius:0 0 8px 8px; } .textlist4 .inforight{ width:calc( 64% - 20px ); float:right; } .textlist4 .info h3{ font-size:19px; font-weight:bold; text-align:justify; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:2; } .textlist4 .info h3 a{ display:block; } .textlist4 .info p{ font-size:15px; line-height:26px; text-align:justify; margin-top:10px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; } .textlist4 .info time{ display:block; margin-top:20px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#999; } .textlist4 .inforight time{ position:absolute; bottom:0; } @media screen and (max-width:600px) { .textlist4 figure figcaption{ display:none; } .textlist4 .inforight{ width: calc( 64% - 14px ); } .textlist4 .info h3{ font-size:17px; } .textlist4 .info p{ display:none; } .textlist4 .info time{ margin-top:10px; } } .beautify{ color:#000; position:relative; line-height:24px; text-align:justify; font-size:16px; letter-spacing:2px; } .beautify p{ position:relative; margin-top:20px; text-indent:0; } .beautify p.about_this_article{ font-size:14px; line-height:21px; padding:20px; background-color:#fefefe; border:#ddd 1px solid; color:#000; } .beautify strong{ font-size:17px; font-weight:bold; color:#d40000; } .beautify a{ color:#d40000; text-decoration:underline; } .beautify figure{ margin:20px 0; text-align:center; } .beautify figure img{ width:auto; max-width:100%; height:auto; font-size:0; position:inherit; transform-origin:center; } .beautify figure figcaption, .beautify figure div[data-type="figcaption"], .beautify figure a{ color:#333; font-size:13px; text-decoration:none; } .beautify *[data-type="start"]{ font-weight: bold; font-size: 21px; color: #d40000; letter-spacing: 0; } .beautify *[data-type="start"][data-number="true"]{ position: relative; font-weight: bold; font-size: 21px; color: #44b242; letter-spacing: 0; padding: 0 10px; margin-right:18px; display: inline-block; transform: skewX(-20deg); box-shadow: 5px 3px 6px rgba(0,0,0,0.28); user-select: none; font-family: Arial, Helvetica, sans-serif; } .beautify *[data-type="start"]{ } div[data-type="pre"]{ margin-top: 20px; display: block; border: #d8cbcb 1px solid; background-color: #f5f5f5; box-shadow: 10px 8px 2px #efefef; color: #000; padding: 10px 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; letter-spacing: 0; } div[data-type="pre"] ol{ font-style:oblique; } div[data-type="pre"] ol li{ list-style-type:decimal; list-style-position:inside; list-style-type:decimal-leading-zero; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } div[data-type="pre"] ol li pre{ font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 13px; display: contents; white-space: pre-wrap; word-wrap: break-word; } div[data-type="pre"] ol li::marker{ color:#999; font-family:Arial, Helvetica, sans-serif; } div[data-type="question"]{ display:flow-root; margin-top:20px; color:#000; } div[data-type="question"] ul{ } div[data-type="question"] li{ position:relative; line-height:24px; font-size:15px; padding:0 0; } div[data-type="question"] li:nth-child(1){ background-color:#f5f6f7; line-height:24px; padding:13px 0 13px 60px; margin-bottom:20px; font-size:17px; font-weight:bold; } div[data-type="question"] li:nth-child(1):before, div[data-type="question"] li:nth-child(1):after{ content:""; display:table; position:absolute; z-index:10; left:10px; top:10px; border:#ddd 1px solid; width:28px; height:28px; line-height:28px; text-align:center; color:#999; transform: rotate(45deg); user-select:none; } div[data-type="question"] li:nth-child(1):after{ content:"Q"; transform: rotate(0deg); color:#ddd; font-family:Arial, Helvetica, sans-serif; } div[data-type="question"] li p{ line-height:24px; margin-top:20px; } .details{} .details_title{ position:relative; height:21px; line-height:21px; } .details_title:before{ content:""; position: absolute; left:-34px; top:1.5px; width: 6px; height:18px; background-color: #44b242; } .details_title h2{ font-weight:200; } .details .testingsystem{ } .details .testingsystem ul{ margin:30px 0 20px 0; } .details .testingsystem ul li{ margin-bottom:10px; } .details .testingsystem ul li .title{ line-height:26px; } .details .testingsystem ul li .title small[data-type*="answer_card"]{ position:relative; width:106px; height:15px; line-height:15px; margin:0 5px; bottom:2px; display:inline-block; text-align:center; border-bottom:#999 1px solid; color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif; user-select:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; -khtml-user-select:none; } .details .testingsystem ul li .title small.current_true[data-type*="answer_card"]:before{ display:inline-block; content:"\e604"; font-family: "iconfont" !important; width:26px; height:26px; line-height:26px; font-size:26px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#4da403; background-color:#fff; border-radius:50%; position:absolute; z-index:1000; left:calc( 50% - 13px ); top:-5px; } .details .testingsystem ul li .title small.current_false[data-type*="answer_card"]:before{ display:inline-block; content:"\e613"; font-family: "iconfont" !important; width:26px; height:26px; line-height:26px; font-size:26px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#b02120; background-color:#fff; border-radius:50%; position:absolute; z-index:1000; left:calc( 50% - 13px ); top:-5px; } .details .testingsystem ul li dl{ position:relative; width:calc( 100% - 40px ); display:inline-block; border:#ddd 1px solid; border-radius:4px; padding:20px; margin-top:20px; } .details .testingsystem ul li dl dt{ position:absolute; top:-12px; left:12px; width:120px; height:22px; line-height:22px; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; user-select:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; -khtml-user-select:none; border:#ddd 1px solid; border-radius:4px; background-color:#fff; color:#999; } .details .testingsystem ul li dl dd{ float:left; width:50%; height:36px; line-height:36px; } .details .testingsystem ul li dl dd span{ display:block; width:calc( 100% - 36px ); padding-left:36px; position:relative; cursor:pointer; } .details .testingsystem ul li dl dd span:before{ content:""; position:absolute; left:0; top:0; margin:7px; width:18px; height:18px; line-height:18px; font-size:12px; text-align:center; border:#999 1px solid; border-radius:50%; font-family:Arial, Helvetica, sans-serif; } .details .testingsystem ul li dl dd span.current[data-type="true"]:before{ content:""; border:#44b242 1px solid; z-index:1; } .details .testingsystem ul li dl dd span.current[data-type="true"]:after{ content:""; position:absolute; left:0; top:0; width:12px; height:12px; border-radius:50%; margin:11px; padding:0px; background-color:#44b242; z-index:10; } .details .testingsystem ul li dl dd span.current[data-type="false"]:before{ content:""; border:#d40000 1px solid; z-index:1; } .details .testingsystem ul li dl dd span.current[data-type="false"]:after{ content:""; position:absolute; left:0; top:0; width:12px; height:12px; border-radius:50%; margin:11px; padding:0px; background-color:#d40000; z-index:10; } .details .testingsystem ul li dl dd span small.tips{ transition:all 0.6s; font-size:12px; position:relative; left:0; top:0; display:inline-block; margin:0 10px; text-shadow:0 0 2px #f5f5f5; } .details .testingsystem ul li dl dd span small.tips:before{ content: "\e614"; font-family: "iconfont" !important; font-size: 12px; margin-right:6px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .details .testingsystem ul li dl dd span[data-type="true"] small.tips{ color:#44b242; } .details .testingsystem ul li dl dd span[data-type="false"] small.tips{ color:#d40000; } .details .testingsystem ul li dl dd span small.tips small.hostreload{ color:#44b242; } .details .providete_chnology{ width:inherit; height:18px; line-height:18px; font-size:13px; color:#999; text-align:right; } .evaluate{} .evaluate .care_for{} .evaluate .care_for ul{} .evaluate .care_for li{ float:left; min-width:100px; height:32px; line-height:32px; border:#dae0e4 1px solid; border-radius:32px; cursor:pointer; text-align:center; } .evaluate .care_for li span{ display:block; padding:0 10px; font-size:12px; position:relative; } .evaluate .care_for li span .css_iconfont.icon-agree{ margin:10px 0; padding:0 0; } .evaluate .care_for li span small{ padding:0 3px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#5ba84d; position:relative; top:1px; } .evaluate .care_for li span small.tips{ font-size:12px; font-weight:normal; color: #44b242; position:absolute; left:0; right:inherit; top:inherit; bottom:-20px; width:100%; height:21px; line-height:21px; padding:0 0; overflow:hidden; } @media screen and ( max-width:600px ) { .evaluate{ float:inherit; } } .all-top{ height:36px; line-height:36px; background-color:#f5f6f7; color:#000; } .all-top h2,.all-top h3{ font-weight:normal; font-size:14px; } .header{ width:100%; height:78px; background-color:#ffffff; } .header .fleft{ width:auto; } .header .fleft img{ max-height:60px; float:left; padding:9px 0; } .header .fleft a{ display:inline-block; float:left; } .header .navigation span[data-type="mobile_navigation_more"]{ display:block; position:absolute; right:0; top:0; width:26px; height:26px; line-height:26px; text-align: center; margin:12px; overflow:hidden; z-index: 10000000; } .header .navigation span[data-type="mobile_navigation_more"] span{ } .header .navigation span[data-type="mobile_navigation_more"][data-show="true"]{ position:fixed; } @media screen and ( min-width:1025px ){ .header .navigation span[data-type="mobile_navigation_more"]{ display:none; } .header .mobile_navigation{ margin-left:18px; } .header .mobile_navigation ul{} .header .mobile_navigation ul li{ position:relative; display:inline-block; height:78px; line-height:78px; margin:0 0; } .header .mobile_navigation ul li span, .header .mobile_navigation ul li a{ display:block; color:#000; font-size:15px; border-radius: 4px; padding:0 20px; position:relative; z-index:2; } .header .mobile_navigation ul li:before, .header .mobile_navigation ul li:after{ content:""; position:absolute; bottom:0; width:0%; height:2px; line-height:2px; background-color:#0066ff; z-index:1; transition:all 0.5s; } .header .mobile_navigation ul li:hover:before, .header .mobile_navigation ul li:hover:after{ width:66%; } .header .mobile_navigation ul li.current:before, .header .mobile_navigation ul li.current:after{ width:calc( 100% - 30px ); } .header .mobile_navigation ul li:before{ left:15px; } .header .mobile_navigation ul li:after{ right:15px; } .header .mobile_navigation ul li.current a, .header .mobile_navigation ul li:hover a{ color:#0066ff; } .header .mobile_navigation ul li ul{ display:none; } .header .mobile_navigation ul li:hover ul{ display:block; position:absolute; left:-50%; width:200%; background-color:rgba(0,0,0,0.5); } .header .mobile_navigation ul li ul li{ display:block; height:36px; line-height:36px; text-align:center; margin:0 0; padding:0 0; } .header .mobile_navigation ul li ul li a{ font-size:14px; } } @media screen and ( max-width:1024px ) { .header{ height:auto; border-bottom: #ddd 1px solid; } .header .fleft img { max-height: 50px; padding: 0 0; } .header .mobile_navigation{ position:fixed; left:0; top:0; width:100%; height:100%; display:none; margin-left:0; border-top:#93a2dc 1px solid; z-index:1000000; } .header .mobile_navigation:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#222; z-index:10000; } .header .mobile_navigation ul{ position:relative; z-index:1000000; padding:50px 0; } .header .mobile_navigation ul li{ height:36px; line-height:36px; padding:6px 20px; border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(0, 0, 0, 0.3); } .header .mobile_navigation ul li:nth-child(1){ position:relative; } .header .mobile_navigation ul li:nth-child(1):before{ content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0; top:-2px; background-color: rgba(0, 0, 0, 0.3); } .header .mobile_navigation ul li:nth-last-child(1){ position:relative; } .header .mobile_navigation ul li:nth-last-child(1):before{ content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0; bottom: -2px; background-color: rgba(255, 255, 255, 0.1); } .header .mobile_navigation ul li a{ display:block; color:#ccc; font-size:14px; padding-left:2px; } .header .mobile_navigation ul li ul{ padding:0; } .header .mobile_navigation ul li ul li{ width:50%; float:left; height:36px; line-height:36px; border:none; } .header .mobile_navigation ul li ul li a{ font-size:13px; position:relative; padding-left:20px; } .header .mobile_navigation ul li ul li a:before{ content:""; position:absolute; left:0; top:17px; width:10px; height:1px; background-color:#fff; } } .important{ text-align:center; color:#000; position:relative; background-color:#fff; padding:100px 0; } .important:before{ content:""; position:absolute; left:0; top:calc( 76% - 1px ); width:100%; height:1px; background-color:#eee; box-shadow:0 0 20px #cacaca; } .recommend{ } .recommend .info{ } .recommend .info h3{ color:#ff0000; } .recommend .info p{ color:#666; line-height:24px; } .introduce{ margin-top:0; } .introduce ul{} .introduce li{ position:relative; min-height:160px; background-color:#fff; padding: 17px; margin:10px 0 0 0; overflow:hidden; } @media screen and ( min-width:601px ) { .introduce{ margin-top:20px; } .introduce li{ float:left; width:calc( 33.333333% - 47.333333px ); margin:0 10px; } .introduce li:nth-child(3n){ margin-right:0; } .introduce li:nth-child(3n+1){ margin-left:0; } } .introduce li h4{ color:#000; font-size:18px; font-weight:bold; } .introduce li p{ color:#666; margin-top:10px; } .introduce li:before { content: ""; position: absolute; right: -50px; bottom: -50px; width: 100px; height: 100px; border: #a8cbff 1px solid; border-radius: 50%; opacity:0.6; } .introduce li:after { content: ""; position: absolute; right: -12px; bottom: -82px; width: 100px; height: 100px; border: #ddd 1px solid; border-radius: 50%; opacity:0.6; } .newly-published{} @media screen and ( max-width:1024px ) { .newly-published{ margin-left:17px; margin-right:17px; } } .in-list{} .in-translate{ } .in-translate ul{} .in-translate li{ display:inline-block; } .in-translate li a{ display: block; padding: 5px 10px; margin: 5px 5px 0 0; background-color: #f5f5f5; } .in-answer{ } .in-answer ul{} .in-answer li{ margin-top:20px; font-size:14px; } .in-answer li:nth-child(1){ margin-top:0; } .in-answer li span{ display:inline-block; background-color:#e5e5e5; color:#626262; font-family:arial; width:66px; height:auto; line-height:24px; text-align:center; font-size:13px; margin-right:6px; } .in-answer li span[data-type="query"]{ } .in-answer li span[data-type="answer"]{ color:#999; } .in-answer li p{ margin-top:2px; color:#333; } .in-answer li p:nth-child(2){ color:#666; } .flink{} .flink .name{ font-size: 14px; height: 28px; line-height: 28px; border-bottom: #ddd 1px solid; font-weight: normal; color:#999; } .flink .flinkmodule{ padding:10px 0; } .flink ul{ } .flink li{ display:inline-block; height:36px; line-height:36px; font-size:13px; } .flink li a{ padding:0 5px 0 0; color:#666; } .footer{ text-align:center; font-size:13px; background-color:#fff; padding:34px 0; } .footer p{ line-height: 18px; padding-top: 6px; color: #333; } .footer .qw{} .footer .qw a{ color: #767676; background-color: #fdfdfd; padding: 0 10px; display: inline-block; height: 22px; line-height: 22px; font-size: 12px; border-radius: 4px; border: #e1e1e1 1px solid; } .footer .qw a img{width:16px;height:auto;} @media screen and ( max-width:600px) { .footer .qw a{ margin-top:2px; } } .position-navigation{ display:-webkit-box; line-height:18px; font-size:13px; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; } .position-navigation i{ font-size:13px; margin-right:6px; } .position-navigation a{ color:#0066ff; } @media screen and ( max-width:1024px) { .position-navigation{ margin-left:17px; margin-right:17px; } } .page-list{} @media screen and ( max-width:1024px) { .page-list{ margin-left:17px; margin-right:17px; } } .basic{ } .basic .title{ padding:0 0; } .basic .title h1{ font-weight:bold; color:#000; display:inline-block; text-align:justify; } .basic .title h1 a{ color:#000; } .basic .time{ font-size: 12px; background-color: #f5f5f5; height: 28px; line-height: 28px; padding: 0 10px; color: #999; } .basic .time span{ display:inline-block; margin-right:10px; } .basic .time span.category i{ font-style:inherit; } .basic .time span a.category{ color:#0066ff; } .basic .time span a.category i{ display:none; } .basic .time span small{ font-family:Arial, Helvetica, sans-serif; } @media screen and ( max-width:1024px ) { .basic .time{ background-color:inherit; padding:0 0; } .basic .time span.mnone{ display:none; } } .article.content{ color:#000; position:relative; line-height:24px; text-align:justify; font-size:16px; letter-spacing:1px; } .article.content h3{ position: relative; margin-top: 20px; text-indent: 36px; } .article.content h3:before{ content: ""; position: absolute; left: 5px; top: calc( 50% - 5px); width: 10px; height: 10px; background-color: #f00; border-radius: 50%; z-index: 2; } .article.content h3:after{ content: ""; position: absolute; left: 4px; top: calc( 50% - 6px); width: 12px; height: 12px; background-color: #8d7575; box-shadow: 0 0 10px #911212; border-radius: 50%; z-index: 1; } .article.content p{ position:relative; margin-top:20px; text-indent:0; } .article.content strong{ font-size:17px; font-weight:bold; } .article.content a{ color:#0066ff; } .article.content figure{ margin:20px 0; text-align:center; } .article.content figure img{ width:auto; max-width:100%; height:auto; font-size:0; position:inherit; transform-origin:center; } .article.content figure figcaption{ } .article.content figure a{ color:#333; font-size:13px; } .ckzl{ } .ckzl .title{ line-height:45px; border-bottom:2px solid #ccc; } .ckzl .title h5{ font-weight:200; font-size:19px; color:#333; } .ckzl ul{ } .ckzl ul li{ height:30px; line-height:30px; overflow:hidden; } .ckzl ul li small{ color:#999; font-family:Arial, Helvetica, sans-serif; } .ckzl ul li a{ font-size:13px; color:#666; } .authoritative_link{ } .authoritative_link ul{ } .authoritative_link ul li{ display:inline-block; } .authoritative_link ul li a{ margin:0 5px; } .statement{ background-color:#e2e2e2; color:#8e0000; font-size:13px; } .statement ul{ position:relative; } .statement li{ line-height:21px; text-align:justify; } .statement li:nth-child(1){ position:relative; border-bottom:#bfbfbf 1px solid; } .statement li:nth-child(1):before{ content:""; width:100%; height:1px; position:absolute; bottom:-2px; background-color:#fff; } .statement li:nth-child(2){ color:#333; } .statement li dl{ margin-top:10px; } .statement li dl dt{ } .statement li dl dd{ } .statement li dl dd:nth-last-child(1){ font-family:Arial, Helvetica, sans-serif; } .statement li dl dd:nth-last-child(2){ } div.translate{} div.translate section[data-translate="true"]{ margin-top:20px; border:#eee 1px solid; color:#000; } div.translate section[data-translate="true"] div[data-type="translate-name"]{ padding:0 20px; margin:10px 0 0 0; border-bottom:#eee 1px solid; padding-bottom:10px; } div.translate section[data-translate="true"] div[data-type="translate-name"] h2{ position:relative; display:inline-block; font-weight:bold;; color:#000; font-size:21px; } div.translate section[data-translate="true"] div[data-type="translate-name"] h2 sup{ font-size:10px; margin-left:10px; background-color:#eee; border:#ddd 1px solid; padding:0 8px; height:21px; line-height:21px; color:#333; font-weight:100; user-select:none; float:right; } div.translate section[data-translate="true"] dl{ position:relative; display:flow-root; background-color:#f5f5f5; padding:20px 20px 28px 20px; } div.translate section[data-translate="true"] dt, div.translate section[data-translate="true"] dd { font-family:Arial, Helvetica, sans-serif; margin-top:8px; } div.translate section[data-translate="true"] dt{ position:absolute; right:10px; bottom:8px; font-size:12px; color:#666; } div.translate section[data-translate="true"] dt span[data-type="translate"], div.translate section[data-translate="true"] dd span[data-type="translate"] { font-family:webfont; display: inline-block; float:left; width: auto; height: 22px; line-height: 22px; padding: 0 10px; margin-right: 10px; text-align: center; font-size: 12px; background-color:#44b242; border:#1fa51d 1px solid; box-shadow:0 0 10px #9ad099; border-radius:4px; user-select:none; color:#fff; } div.translate section[data-translate="true"] dd{ display:flow-root; font-size:12px; line-height:24px; } div.translate section[data-translate="true"] dd span, div.translate section[data-translate="true"] dd strong{ } div.translate section[data-translate="true"] dd strong{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 21px; color:#000; } div.translate section[data-translate="true"] dd.phonetic{} div.translate section[data-translate="true"] dd.phonetic span{ font-size:15px; display:flow-root; } div.translate section[data-translate="true"] dd.phonetic span span{ display:inline-block; } div.translate section[data-translate="true"] ul{ display:flow-root; } div.translate section[data-translate="true"] li{ position:relative; width:calc( 25% - 1px ); height:36px; line-height:36px; overflow:hidden; border-right:#ddd 1px solid; float:left; text-align:center; font-size:13px; } div.translate section[data-translate="true"] li:nth-last-child(1){ border:none; } div.translate section[data-translate="true"] li a{ display:block; position:relative; z-index:2; } div.translate section[data-translate="true"] li:before{ position:absolute; z-index:1; right:0; bottom:0; padding:0 10px; color:#44b242; content:""; font-family: "iconfont" !important; font-size: 21px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.translate section[data-translate="true"] li[data-type="pronunciation"]:before{ content:"\e620"; } div.translate section[data-translate="true"] li[data-type="chinese-interpretation"]:before{ content:"\e695"; } div.translate section[data-translate="true"] li[data-type="english-explanation"]:before{ content:"\e695"; } div.translate section[data-translate="true"] li[data-type="english-dictionary"]:before{ content:"\e601"; } @media screen and ( max-width:500px ){ div.translate section[data-translate="true"] li{ font-size:12px; } div.translate section[data-translate="true"] li:before{ display:none; } } div.translate section[data-english_words="true"]{ margin-top:20px; color:#000; } div.translate section[data-english_words="true"] div[data-type="english_words-name"]{ } div.translate section[data-english_words="true"] div[data-type="english_words-name"] h3{ position:relative; font-size:19px; font-weight:200; padding-left:20px; } div.translate section[data-english_words="true"] div[data-type="english_words-name"] h3:before{ content:""; position:absolute; left:0; top:calc( 50% - 5px ); width:10px; height:10px; background-color:#44b242; } div.translate section[data-english_words="true"] .list{ line-height: 24px; } div.translate section[data-english_words="true"] .list .dictionary{ counter-increment: sidebar1-item; position:relative; margin-top:20px; margin-left:20px; padding-left:20px; } div.translate section[data-english_words="true"] .list .dictionary:before{ content: counter(sidebar1-item); position:absolute; left:0; top:0; font-size:15px; width:auto; height:18px; line-height:18px; color:#999; font-style: oblique; } div.translate section[data-english_words="true"] .list .dictionary .en-name{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; } div.translate section[data-english_words="true"] .list .dictionary .infos{ } div.translate section[data-english_words="true"] .list .dictionary .infos .phonetics{ display:flow-root; width:100%; line-height:24px; } div.translate section[data-english_words="true"] .list .dictionary .infos .phonetics span{ } div.translate section[data-english_words="true"] .list .dictionary .infos .phonetics span.desc{ float: left; width: 78px; text-align: right; padding-right:5px; color: #777; font-size: 14px; background-color: #fafafa; text-shadow: 1px 1px 1px #fff; } div.translate section[data-english_words="true"] .list .dictionary .infos .phonetics .aggregate{ float:right; width: calc( 100% - 89px ); } div.translate section[data-english_words="true"] .list .dictionary .infos .phonetics span span{ margin-right:10px; } div.translate section[data-english_words="true"] .list .dictionary .infos .deepen-memory{ display:flow-root; width:100%; margin-top:5px; line-height:24px; } div.translate section[data-english_words="true"] .list .dictionary .infos .deepen-memory span{ } div.translate section[data-english_words="true"] .list .dictionary .infos .deepen-memory strong{ color:#d40000; } div.translate section[data-english_words="true"] .list .dictionary .infos .deepen-memory span.desc{ float: left; width: 78px; text-align: right; padding-right:5px; color: #777; font-size: 14px; background-color: #fafafa; text-shadow: 1px 1px 1px #fff; } div.translate section[data-english_words="true"] .list .dictionary .infos .deepen-memory .aggregate{ float:right; width: calc( 100% - 89px ); } div.translate section[data-english_words="true"] .list .dictionary .infos .chinese-interpretation{ display:flow-root; width:100%; margin-top:5px; line-height:24px; } div.translate section[data-english_words="true"] .list .dictionary .infos span{ } div.translate section[data-english_words="true"] .list .dictionary .infos span.desc{ float: left; width: 78px; text-align: right; padding-right:5px; color: #777; font-size: 14px; background-color: #fafafa; text-shadow: 1px 1px 1px #fff; } div.translate section[data-english_words="true"] .list .dictionary .infos .aggregate{ float:right; width: calc( 100% - 89px ); } div.translate section[data-english_words="true"] .list .dictionary .infos .aggregate strong{ color:#d40000; text-decoration:underline; } div.translate section[data-english_words="true"] .list .dictionary .infos div{ display:flow-root; width:100%; margin-top:5px; line-height:24px; } div.translate section[data-english_words="true"] .list .dictionary .infos div span{ } div.translate section[data-english_words="true"] .list .dictionary .infos div span.desc{ float: left; width: 78px; text-align: right; padding-right:5px; color: #777; font-size: 14px; background-color: #fafafa; text-shadow: 1px 1px 1px #fff; } div.translate section[data-english_words="true"] .list .dictionary .infos div .aggregate{ float:right; width: calc( 100% - 89px ); margin-top:0; line-height:inherit; } div.translate section[data-english_words="true"] .list .dictionary .infos div .aggregate span{ margin-right:5px; } .word-collocation{ margin-top:20px; color:#000; } .word-collocation .word-collocation-name{} .word-collocation .word-collocation-name h3{ position:relative; font-size:19px; font-weight:200; padding-left:20px; } .word-collocation .word-collocation-name h3:before{ content:""; position:absolute; left:0; top:calc( 50% - 5px ); width:10px; height:10px; background-color:#44b242; } .word-collocation .current_description{color:#666;font-size:14px;line-height:24px;padding:10px 0;margin-left:20px;} .word-collocation .list{margin-left:30px;} .word-collocation .list .item{margin-top: 30px;} .word-collocation .list .item:nth-child(1){margin-top:10px;} .word-collocation .list .item .item-name{font-weight:bold;} .word-collocation .list .item ul{margin-top:0;} .word-collocation .list .item li{margin-top:20px;position:relative;} .word-collocation .list .item li p{line-height:18px;margin-top:10px;font-size:15px;} .word-collocation .list .item li p:nth-child(1){color:#666;} .word-collocation .list .item li p strong{color:#ff0000;} .word-collocation .list .item li{ position:relative; line-height:18px; margin:10px 0; padding: 10px 26px 0 26px; counter-increment: sidebar1-item; color:#000; line-height: 24px; } .word-collocation .list .item li:before{ content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 16px; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #999; font-size: 15px; font-style: oblique; font-family: Arial, Helvetica, sans-serif; } div.translate section[data-example_sentence="true"]{ margin-top:20px; color:#000; } div.translate section[data-example_sentence="true"] div[data-type="example_sentence-name"]{ } div.translate section[data-example_sentence="true"] div[data-type="example_sentence-name"] h3{ position:relative; font-size:19px; font-weight:200; padding-left:20px; } div.translate section[data-example_sentence="true"] div[data-type="example_sentence-name"] h3:before{ content:""; position:absolute; left:0; top:calc( 50% - 5px ); width:10px; height:10px; background-color:#44b242; } div.translate section[data-example_sentence="true"] ul{ margin-top:10px; margin-left:20px; } div.translate section[data-example_sentence="true"] li{ position:relative; line-height:18px; margin:10px 0; padding: 10px 26px 0 26px; counter-increment: sidebar1-item; color:#000; line-height: 24px; } div.translate section[data-example_sentence="true"] li:before{ content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 10px; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #999; font-size: 15px; font-style: oblique; font-family: Arial, Helvetica, sans-serif; } div.translate section[data-example_sentence="true"] li p:nth-child(even){ font-family:Arial, Helvetica, sans-serif; color:#666; } div.translate section[data-example_sentence="true"] li p a{ color:#000; } .dictionary{} .dictionary .dictionary-item-lists{margin-top: 20px;} .dictionary .dictionary-item-lists h3{line-height: 32px;margin-bottom: 10px;border-bottom:#ddd 1px solid;} .dictionary .phonetic-transcription span{margin-right:20px;} .dictionary .phonetic-transcription span span{margin-right:0;color:#333;} .dictionary .dictionary-item-lists.usage .translate-results{margin-top:20px;} .dictionary .dictionary-item-lists.usage .item .part-of-speech{margin-top:20px;} .dictionary .dictionary-item-lists.usage .item .describe{padding: 5px 10px;margin: 24px 10px 5px 20px;background-color: #f5f5f5;} .dictionary .dictionary-item-lists.usage strong{padding-left:6px;} .dictionary .dictionary-item-lists.usage ul li{padding-left:20px;} .dictionary .dictionary-item-lists.example-sentence ul li{margin-top:20px;} .dictionary .dictionary-item-lists.example-sentence ul li div{padding-left:20px;} .dictionary .dictionary-item-lists.example-sentence ul li strong{color:#d40000;} .dictionary .dictionary-item-lists.memory ul li{padding-left:20px;margin-top: 20px;} @media screen and ( max-width:1024px ) { .mnone{ display:none; } .mt0{ margin-top:0; } .mt10{ margin-top:10px; } .mt20{ margin-top:20px; } .mt60{ margin-top:60px; } .mp17{ padding:17px; } .fleft.wleft, .fright.wright{ float:inherit; } } icon{ display:inline-block; } .css_iconfont{ } .css_iconfont.icon-menu{ display:block; width:26px; height:5px; border-top:5px solid #999; border-bottom:5px solid #999; background-color:#999; padding:5px 0; background-clip:content-box; } .css_iconfont.icon-agree{ position:relative; width: 12px; height: 12px; float:left; } .css_iconfont.icon-agree .icon-module-1{ position:absolute; right: 0; bottom: 0; width: 8px; height: 8px; background-color:#32aa54; transform: skew(-12deg, 0deg); border-radius: 2px; z-index: 3; } .css_iconfont.icon-agree .icon-module-2{ position:absolute; right: 0; bottom: 0; width: 9px; height: 6px; background-color: #fff; border: #92c9e9 1px solid; transform: skew(0deg,0deg); border-radius: 2px; z-index: 2; } .css_iconfont.icon-agree .icon-module-3{ position:absolute; right: 4px; bottom: 0; width: 3px; height: 11px; background-color: #32aa54; transform: skew(344deg,0deg); border-radius: 2px; z-index: 1; } .css_iconfont.icon-title{ position: relative; float: left; width: 15px; height: 12px; margin: 3px 10px 0 0; } .css_iconfont.icon-title .icon-module-1{ position:absolute; z-index:1; left:0; top:0; width:calc( 100% - 2px ); height:calc( 100% - 2px ); border:#333 2px solid; border-radius: 3px; } .css_iconfont.icon-title .icon-module-2{ position:absolute; z-index:2; width: 100%; height: 100%; } .css_iconfont.icon-title .icon-module-2:before{ content:""; position:absolute; z-index:2; left:3px; top:0; width:2px; height:2px; border-top:#333 1px solid; border-bottom:#333 1px solid; margin-top: 5px; } .css_iconfont.icon-title .icon-module-2:after{ content:""; position:absolute; z-index:3; left: 6px; top:0; width: calc( 100% - 8px ); height:2px; border-top:#333 1px solid; border-bottom:#333 1px solid; margin-top: 5px; } .css_iconfont.icon-link{ position:relative; width:17px; height: 8px; display: inline-block; margin: 6px 10px 0 0; } .css_iconfont.icon-link .icon-module-1{ position:absolute; z-index:1; width:100%; height:8px; } .css_iconfont.icon-link .icon-module-1:before{ content:""; position:absolute; z-index:1; left:0; top:0; width:calc( 50% - 5px ); height:4px; border:#333 2px solid; border-right:transparent 2px solid; border-radius:12px 0 0 12px; } .css_iconfont.icon-link .icon-module-1:after{ content:""; position:absolute; z-index:2; right:0; top:0; width:calc( 50% - 5px ); height:4px; border:#333 2px solid; border-left:transparent 2px solid; border-radius:0 12px 12px 0; } .css_iconfont.icon-link .icon-module-2{ position:absolute; z-index:3; left:4px; top:3px; width:calc( 100% - 8px ); height:2px; background-color:#333; border-radius:12px; } .css_iconfont.icon-play{ display: inline-block; position: relative; width: 0; height: 0; border: #404040 12px solid; border-radius: 50%; user-select:none; } .css_iconfont.icon-play:before{ content: ""; position: absolute; left: -3px; top: -6px; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 6px 0 6px 9px; } .css_iconfont.icon-play.icon-suspend:before{ left: -5px; top: -4px; width: 3px; height: 8px; border-color: transparent #fff; border-width: 0 3px; } .translate .classify-sentence{ margin-top:30px; } .translate .classify-sentence .project-name{ position:relative; padding-left:20px; } .translate .classify-sentence .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:#44b242; box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .translate .classify-sentence .project-content{ margin:10px 0 0 20px; } .translate .classify-sentence .project-content span{ margin-right: 10px; background-color: #eee; height: 24px; line-height: 24px; padding: 0 10px; border-radius: 4px; display: inline-block; } .translate .voice-analysis{ margin-top:30px; } .translate .voice-analysis .project-name{ position:relative; padding-left:20px; } .translate .voice-analysis .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:#44b242; box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .translate .voice-analysis .project-content{ margin:10px 0 0 20px; } .translate .voice-analysis .project-content .items { position: relative; margin-left: 5px; } .translate .voice-analysis .project-content .items:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #eee; } .translate .voice-analysis .item { position: relative; margin-left: 20px; margin-top: 20px; } .translate .voice-analysis .item .after { position: relative; height: 28px; line-height: 28px; } .translate .voice-analysis .item .after:before { content: ""; position: absolute; left: -24px; top: 9px; width: 10px; height: 10px; background-color: #999; border-radius: 50%; } .translate .voice-analysis .item .after:after { content: ""; position: absolute; left: -22px; top: 11px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; } .translate .voice-analysis .item>ul { position: relative; margin-left: 5px; } .translate .voice-analysis .item>ul>li { position: relative; margin-top: 20px; padding-left: 20px; counter-increment: sidebar1-item; } .translate .voice-analysis .item>ul>li:before { content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; color: #999; font-family: Arial, Helvetica, sans-serif; } .translate .modal-verb{ margin-top:30px; } .translate .modal-verb .project-name{ position:relative; padding-left:20px; } .translate .modal-verb .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:#44b242; box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .translate .modal-verb .project-content{ margin:10px 0 0 20px; }